<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:a4j="http://richfaces.org/a4j">
<ui:component>
    <style type="text/css">
        .left {
            float: left;
            text-align: left;
        }

        .right {
            float: right;
            text-align: right;
        }
    </style>
    <center>
        <h:panelGrid columns="1" columnClasses="left">
            <h:outputLabel value="* Do not use the same password that you use for other online accounts."/>
             <h:outputLabel value=" * Your new password must be at least 6 characters in length."/>
             <h:outputLabel value=" * Use a combination of letters, numbers, and punctuation."/>
             <h:outputLabel value="* Passwords are case-sensitive. Remember to check your CAPS lock key."/>
            <h:panelGrid columns="2">
                <h:outputLabel value="#{resources.oldPasswordLabel}:"/>
                <h:inputSecret value="#{accountEditBean.password}" validatorMessage="Old password is wrong" required="true">
                    <f:validateLength minimum="6"/>
                    <rich:ajaxValidator event="onblur"/>
                </h:inputSecret>
                <h:outputLabel value="#{resources.newPasswordLabel}:"/>
                <h:inputSecret value="#{accountEditBean.newPassword}" validatorMessage="New password is short, minimum 6 characters" required="true">
                    <f:validateLength minimum="6"/>
                    <rich:ajaxValidator event="onblur"/>
                </h:inputSecret>
                <h:outputLabel value="#{resources.confirmPasswordLabel}:"/>
                <h:inputSecret value="#{accountEditBean.confirmPassword}" validatorMessage="New password is short, minimum 6 characters" required="true">
                    <f:validateLength minimum="6"/>
                    <rich:ajaxValidator event="onblur"/>
                </h:inputSecret>

                <h:column/>
                <a4j:commandButton value="Change Password" action="#{accountEditBean.changePassword}" reRender="changerMessage"/>
            </h:panelGrid>
            <rich:messages />
        </h:panelGrid>
    </center>
</ui:component>


</html>





